import { reactive } from "./Reactivity/reactive";

const state = reactive([1, 2, 3, 4]);

const divBox = document.getElementById("box");

function renderFun() {
  // const str = `name:${state.name}<br/>age:${state.age}`;
  let str = "";
  state.shift(0, 1);
  // for (const key in state) {
  //   str += `${key}:${state[key]}<br/>`;
  // }
  divBox.innerHTML = str;
}

function changeFun() {
  state.push(5);
}
renderFun();

// changeFun();
